const gulp = require('gulp');
const connect = require("gulp-connect");
gulp.task('css',(done)=>{
    gulp.src('css/*.css').pipe(gulp.dest('dist/css')).pipe(connect.reload());;
    done();
})
gulp.task('js',(done)=>{
    gulp.src('js/*.js').pipe(gulp.dest('dist/js')).pipe(connect.reload());;
    done();
})
gulp.task('html',(done)=>{
    gulp.src('html/*.html').pipe(gulp.dest('dist/html')).pipe(connect.reload());;
    done();
})
gulp.task('img',(done)=>{
    gulp.src('img/*.{jpg,gif,png}').pipe(gulp.dest('dist/img')).pipe(connect.reload());;
    done();
})


//并进行监听
gulp.task('watch',done =>{
    //当htnl文件有变化时，触发html任务执行
    gulp.watch('html/*.html',gulp.series('html'));
    gulp.watch('css/*.css',gulp.series('css'));
    gulp.watch('js/*.js',gulp.series('js'));
    done();
})
//开启本地服务器
gulp.task('server',done =>{
    connect.server({
        root:"dist",
        livereload:true //服务器自动更新
    })
    done();
})

//同时开始监听和服务器
gulp.task('default',gulp.series('server','watch'));